<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<title>TravelDream.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="main">
		<div class="header">
			<div class="header_resize">
				<div class="menu">
					<ul>
						<li><a href="home.xhtml" class="active"><span>Home</span></a></li>
						<li><a href="#"><span>Travel Packet</span></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="body">
			<div class="body_resize">
				<div class="left">
					<h2>
						Register <span>new user</span>
					</h2>

					<h:form>
		<p:panel>
			<h:panelGrid columns="3" id="regGrid">
				<h:outputLabel for="email">Email:</h:outputLabel>
				<p:inputText id="email" value="#{registerBean.user.email}" />
				<p:message for="email" />

				<h:outputLabel for="firstName">First name:</h:outputLabel>
				<p:inputText id="firstName" value="#{registerBean.user.firstName}" />
				<p:message for="firstName" />

				<h:outputLabel for="lastName">Last name:</h:outputLabel>
				<p:inputText id="lastName" value="#{registerBean.user.lastName}" />
				<p:message for="lastName" />

				<h:outputLabel for="password">Password:</h:outputLabel>
				<p:password id="password" value="#{registerBean.user.password}"
					feedback="true" match="pwd2" label="Password"/>
				<p:message for="password" />

				<h:outputLabel for="pwd2">Confirm Password:</h:outputLabel>
				<p:password id="pwd2" label="Confirm Password" value="#{registerBean.user.password}"/>
			</h:panelGrid>
			<p:commandButton value="Register" update="regGrid"
				action="#{registerBean.register()}" />

		</p:panel>
	</h:form>

					<div class="bg"></div>
				</div>
				<div class="right">
					<h2>
						Sidebar<span> Menu</span>
					</h2>
					<ul>
						<li><a href="#"> Home</a></li>
						<li><a href="#">Most boughted</a></li>
						<li><a href="#">Top destinations</a></li>
					</ul>
				</div>
				<div class="clr"></div>
			</div>
		</div>
		<div class="footer">
			<div class="footer_resize">
				<p>TravelDream</p>
			</div>
			<div class="clr"></div>
		</div>
	</div>
</body>
</html>